<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>my alipay 0元付</title>
    <style>
        body {
            text-align: center;
            margin: 20px 0;
        }
        .get,.topay {
            text-align: center;
            margin: 20px 0;
        }
        .area img {
            display: inline-block;
            width: 200px;
        }
        .tips{
            color: red;
            font-size: 19px;
            text-align: center;
        }
        .question {
            text-align: center;
        }
        .question img {
            width: 100px;
        }
        .question>p {
            margin-bottom: 12px;
        }
    </style>
</head>
<body>
    <!-- 静态文件加速域名：https://cdn.jsdelivr.net/gh/wanglei158/zero_pay@0.0.1/-->
    <h3>哈喽 乡亲们</h3>
    <p>欢迎参加支付bao 0元付活动；小小的梦想，大大的流量</p>
    <div class="area">
        <div class="get">
            <p>第一步：支付宝扫描下方二维码，领取红包</p>
            <img src="https://cdn.jsdelivr.net/gh/wanglei158/zero_pay@0.0.1/public/img/from领取红包.jpg" />
        </div>
        <div class="topay">
            <p>第二步：支付宝扫描下方二维码进行支付，输入红包的金额即可</p>
            <img src="https://cdn.jsdelivr.net/gh/wanglei158/zero_pay@0.0.1/public/img/topay.jpg" />
        </div>
    </div>
    
    <p class="tips">领多少红包，就支付多少金额，重在参与；不要多付了；</p>
    <div class="question">
        <div>
            <p>红包可用的时候界面是什么样子的？</p>
            <img src="https://cdn.jsdelivr.net/gh/wanglei158/zero_pay@0.0.1/public/img/example1.jpg" alt="">
        </div>
        <div>
            <p>为什么输入红包金额抵扣不了？</p>
            <p>答案：那就输入红包金额 + 0.01，比如领了0.17红包；支付时就输入0.18; 【/愧疚多付了1分钱】</p> 
        </div>
    </div>
</body>
</html>
